1. If you are in front-end development or web development, you must have heard of Zen coding-a quick way to write html/css code. It uses the syntax of the faux CSS selector to quickly develop HTML and CSS-developed by Sergey Chikuyonok.Now it is renamed to Emmet, and a new website has been built: Docs.emmet.io.2. How do I install Emmet in emacs? Identical to the installation of Php-mode.Go to GitHub, downlo
address Zen coding for Dreamweaver v.0.7 test Pass
Is it a little confusing? Today, I'm going to introduce you to Zen coding, a set of tools for fast HTML and CSS encoding. Originally introduced by Vadim Makeev in April 2009 (the article in Russian), I developed a few months from my humble (i.e. I) and finally reached
Read this article and read the Web article carefully. The implementation of Zen coding fast Coding HTML/CSS Code
Copy Code code as follows:
E
Element name (Div, p);
E#id
Use the elements of the ID (div#content, P#intro, Span#error);
E.class
Use the elements of the class (Div.header, P.error.critial). You can also use class and idid:div#c
With the last Webstorm/phpstorm EAP you can edit HTML and CSS code really fast Usingzen Coding features.To use it, you have to install the Zen Coding plugin for Web Ide/intellij idea:go to Zen Coding Project Download Page, Downlo Ad an archive this contains a set of live tem
First of all, how to add Zen coding plugins in Sublime Text2Press CTRL + ' (that is ~ this key) to copy the following code to confirm the restart sublime Text2Import urllib2,os;pf=' packagecontrol.sublime-package'ifelse None;o Pen (Os.path.join (IPP,PF),'wb'). Write (Urllib2.urlopen ('http:// sublime.wbond.net/'+pf.replace (','%20' ) )). Read ())Restart see as shown in successful installation on behalf of t
Zen coding ignores the editor's automatic prompts and automatic completion, seconds Kill your custom shortcuts or AHK hot strings to intelligently and efficiently shorten input, bringing you the experience of writing a variety of complex and tedious HTML and CSS code in a very fast way.
The following dynamic demo diagram is just a part of its powerful functionality.
Let's start with a complex example:
After I published an article on "Zen coding: A quick way to write html/css code," some netizens said they did not know how to use Zen coding plug-ins on the Dreamweaver. OK, today I'm going to write a detailed tutorial on how to use Zen
Installing Zen coding in DW is nothing surprising, and it is particularly technical. However, with the current national conditions, it is indeed difficult to achieve it step by step.
Of course, we recommend this article before you start.Article.
Http://www.qianduan.net/zen-coding-for-dreamweaver-plug-in-tutorial.ht
Own long-term use of editplus to do code editing, use of DW, or accustomed to the former use of the environment. Friends recommend, try the new coding tool--sublime Text 2. In the code making process, the most important is 1) quick copy of the pattern work 2) fragmented code collation Alignment 3) reduce the number of keystrokes. Through my own trial, Sublime Text 2+zen
Zen coding-a quick way to write HTML/CSS code. It uses the syntax similar to the CSS selector to quickly develop HTML and CSS-developed by Sergey chikuyonok.
Now it has changed its name to Emmet and set up a new website: Docs. Emmet. Io.
Unlike the concept of "code snippets" used in General Editors, Emmet uses dynamic syntax to generate code, which means you do not need to edit and create fixed code snippet
Zen coding is undoubtedly an efficient development plug-in. It is applicable to multiple platforms and supports many ides. Since I want to write some HTML and CSS recently, it is best to use Aptana to write them. The installation process was recorded by the way.
Installation Method:1. Open Aptana and check the menu bar help> install new software.2. Add http://zen
display mode (F11) can be quickly switched and the document display ratio can be changed with the mouse wheel;
4. Some useful tools are provided, such as adjacent row interchange locations and macro functions...
5. The number of bytes of the selected text can be displayed;
Notepad ++ also has many plug-ins for you to choose from. It is essential for front-end development, especially page creation, this Zen
This article on the use of Emmet more detailed, so I collected ~ ~ ~Reprint: Web front end developer-web Front end Engineer» Accelerate web front-end development with Emmet (formerly Zen Coding)Formerly known as Zen Coding, the Emmet plugin is a plug-in for a text editor that helps you quickly write HTML and CSS code t
Zen coding most attracted me is the HTML expansion function, a lightweight editor is enough, in view of this choice of UltraEdit, with the fire of the Chinese version of the Green (green Portable version did not succeed, seemingly not supported), the following is the configuration method:
Download UltraEdit Zen coding.zip and unzip
1. Plug-In download and conventionsWe recommend that you download the latest plug-in from the official website.The version used in this article is as follows:Notepad ++ 5.9.3Quick text 0.2.1Zen coding 0.7Set npp_home to the installation path of notepad ++.2. Configuration1), quick text ConfigurationDecompress the file. Put the quicktext. ini file in npp_home/plugins/config/quicktext. ini. If there is no corresponding directory, create it by yourself.S
Package Control)
In fact, like textmate which can install bundle and plugin, sublime text 2 also has a good extension function, which is the package. Similarly, just like textmate is used to install, upgrade, and uninstall the getbundles of bundle, sublime text 2 also has a plug-in for package control: sublime package control. With sublime package control, you can easily install, upgrade, and uninstall a package.
How to install package control:
Open sublime text 2, and pressControl + `Call up
The Zen Coding plugin does not introduce much.
As we all know, after installing the plug-in, the input $ symbol will be automatically resolved to the corresponding number 1, 2, 3 ...
As a PHP programmer, you want to define some of your own common code. But found that after the tragedy of the discovery of the $ sign all became numbers.
Here are some ways to solve this:
http://www.bkjia.com/PHPjc/77764
Very depressed is in recent years not how to write the front-end Ah! The company configures the imac to use my favorite notepad++.So find the legendary artifact TM downloaded down. The Zen coding of the tangled dead are not well fitted. I am a foolish man still through unremitting repeatedly retry the multi-view, found the correct installation method.I am downloading the latest version of the TM website dis
Zen coding is a Russian editor that supports most popular editors. It is easy to install. You only need to install the plug-in and copy the js file in the project. Plug-ins such as Webstorm6.0.2 are included. What is the abbreviation of html? Let's start with the following code on webstorm:
div.content
Then press the button to see the code we are familiar:
That is to say, div. content, this method is ac
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.